<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>单点登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="<%=path %>/resources/images/data_usage.ico">
	<link rel="stylesheet" type="text/css" href="<%=path %>/resources/css/login/component.css">
    <link rel="stylesheet" type="text/css" href="<%=path %>/resources/css/login/normalize.css">
    <script src="<%=path %>/resources/js/jquery-1.10.2.min.js"></script>
    <script src="<%=path %>/resources/js/jquery.cookie.js"></script>
</head>
<script type="text/javascript">
$(function(){
	$("#loginButton").on("click", function(){
		$("#fm1").submit();
		return true;
	});
});
$(document).keyup(function(event){
	if(event.keyCode ==13){
		$("#loginButton").click(); 
	}
});
</script>
<body>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header" style="height: 946px;">
				<canvas id="demo-canvas" width="1920" height="946"></canvas>
				<div class="logo_box">
					<h2>单点登录</h2>
					<form:form method="post" id="fm1" commandName="${commandName}" htmlEscape="true">
					<form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false" />
						<div class="input_outer">
							<span class="u_user"></span>
							<c:choose>
								<c:when test="${not empty sessionScope.openIdLocalId}">
									<strong>${sessionScope.openIdLocalId}</strong>
									<input type="hidden" id="username" name="username"
										value="${sessionScope.openIdLocalId}"  />
								</c:when>
								<c:otherwise>
									<spring:message code="screen.welcome.label.netid.accesskey" var="userNameAccessKey" />
									<form:input cssErrorClass="error" id="username" size="25"
										tabindex="1" accesskey="${userNameAccessKey}" path="username"
										class="text" style="color: #FFFFFF !important"
										autocomplete="off" htmlEscape="true" placeholder="请输入账户" />
								</c:otherwise>
							</c:choose>
						</div>
						<div class="input_outer">
							<span class="us_uer"></span>
							<spring:message code="screen.welcome.label.password.accesskey" var="passwordAccessKey" />
							<form:password cssErrorClass="error" id="password" size="25"
								tabindex="2" path="password" class="text"
								style="color: #FFFFFF !important; position:absolute; z-index:100;"
								accesskey="${passwordAccessKey}" htmlEscape="true"
								autocomplete="off" placeholder="请输入密码" />
						</div>
						<input type="hidden" name="lt" value="${loginTicket}" />
					    <input type="hidden" name="execution" value="${flowExecutionKey}" />
					    <input type="hidden" name="_eventId" value="submit" />
      					<div class="mb2"><a class="act-but submit" href="javascript:;" id="loginButton" style="color: #FFFFFF">登录</a></div>
					</form:form>
				</div>
			</div>
		</div>
	</div>
	<script src="<%=path %>/resources/js/login/TweenLite.min.js"></script>
	<script src="<%=path %>/resources/js/login/EasePack.min.js"></script>
	<script src="<%=path %>/resources/js/login/rAF.js"></script>
	<script src="<%=path %>/resources/js/login/demo.js"></script>
</body>
</html>